1. 允許一網址中寫多個動態路由，如下列的:name, :id

const routes = [
    {
        path: 'test1/:name/test2/:id',
        name: 'Test',
        component: () => import('@/pages/test.vue'),
    },
]

2. 如果切換網址時，都是進入Test同一組件，那麼test.vue裡面的onMounted()，並不會重覆觸發

<router-link to="/test1/jack/test2/123">jack</router-link>
<router-link to="/test1/mark/test2/456">mark</router-link>

3. 404：將404的routes物件，放在最後一筆資料，動態路由後面接小括號，
   括號內輸入正則表達式（有時需\跳脫字元）。括號後再接 * ，它會匹配網址後續的/路徑

const routes = [
  // 将匹配所有内容并将其放在 `route.params.pathMatch` 下
  { path: '/:pathMatch(.*)*', name: 'NotFound', component: NotFound },
]

若寫 :pathMatch(.*)*
它可滿足，皆會進入元件
/404
/404?id=5
/404?id=5/news/user
:pathMatch(.*)，若沒有最後面的 *
它就只能滿足，才進入元件
/404
/404?id=5